<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>桂林山水风景图片</title>
<!--    样式要求设置-->
    <style type="text/css">
        h3{color: red;}
        ul{list-style-type: none; text-align:center; }
        li{display: inline;width: 120px;height: 30px}
        img{width:100px; height:100px;border: 0px;}
    </style>

</head>
<body>
<h3 align="center" >桂林山水风景图片</h3>
<ul >
    <li>
        <a href=../resource/ex5_2/image51.jpg" target="_blank">
        <img src="../resource/ex5_2/image51.jpg"  title="桂林山水1">
        </a>
    </li>
    <li>
        <a href=../resource/ex5_2/image52.jpg" target="_blank">
            <img src="../resource/ex5_2/image52.jpg"  title="桂林山水2">
        </a>
    </li>
    <li>
        <a href=../resource/ex5_2/image53.jpg" target="_blank">
            <img src="../resource/ex5_2/image53.jpg"  title="桂林山水3">
        </a>
    </li>
    <li>
        <a href=../resource/ex5_2/image54.jpg" target="_blank">
            <img src="../resource/ex5_2/image54.jpg"  title="桂林山水4">
        </a>
    </li>
</ul>
<ul>

    <li>
         <a href=../resource/ex5_2/image51.jpg" target="_blank">桂林山水1</a> &nbsp; &nbsp;
    </li>
    <li>
        &nbsp;&nbsp; <a href=../resource/ex5_2/image52.jpg" target="_blank">桂林山水2</a> &nbsp; &nbsp;
    </li>
    <li>
        &nbsp; &nbsp;<a href=../resource/ex5_2/image53.jpg" target="_blank">桂林山水3</a> &nbsp; &nbsp;
    </li>
    <li>
        &nbsp; &nbsp;<a href=../resource/ex5_2/image54.jpg" target="_blank">桂林山水4</a>
    </li>
</ul>
<p align="center">&copy;19智科1-32-周明璋</p>
</body>
</html>